<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    <body>
        <h:outputScript name="jsf.js" library="javax.faces" target="head"/>
        <ui:composition template="./../intersemestral-template.xhtml">
            
            <ui:define name="titulo">
                Asignar/Editar Cursos
            </ui:define>

            <ui:define name="contenido">
                <h:form id="main">
                <p:pickList value="#{IntersemestralesController.cursos}" var="asignacionCurso"
                            itemLabel="#{asignacionCurso.curso.nombreCurso}"
                            itemValue="#{asignacionCurso}"
                            converter="AsignacionCursoConverter"

                            >
                   
                </p:pickList>
                
                <p:commandButton value="Submit" update="main:display"/>
                <p:outputPanel id="display">
                <ui:repeat value="#{IntersemestralesController.cursos.target}"  var="item">
                    <h:form id="form" > 
                    <p:panel header="Curso #{item.curso.nombreCurso}" toggleable="true" >
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Cupo" for="cupo" />
                            <h:inputText styleClass="text" id="cupo" value="#{item.cupo}">
                                <f:convertNumber integerOnly="true"/>
                            </h:inputText>
                             <h:outputLabel value="Horario de inicio" for="horarioInicio" />
                             <p:inputMask mask="99:99:99" styleClass="text"  id="horarioInicio" value="#{item.horarioInicio}" >
                                 <f:convertDateTime timeZone="GMT-6:00" pattern="HH:mm:ss"/>
                            </p:inputMask>

                             <h:outputLabel value="Horario de fin" for="horarioFin" />
                             <p:inputMask mask="99:99:99" styleClass="text"  id="horarioFin" value="#{item.horarioFin}" >
                                 <f:convertDateTime timeZone="GMT-6:00" pattern="HH:mm:ss"/>
                            </p:inputMask>

                              <h:outputLabel value="Fecha de Inicio" for="fechaInicio" />
                              <p:calendar id="fechaInicio" value="#{item.fechaInicio}" />

                              <h:outputLabel value="Fecha de Fin" for="fechaFin" />
                              <p:calendar id="fechaFin" value="#{item.fechaFin}" />

                              <h:outputLabel value="Salon"/>
                              <h:selectOneMenu value="#{item.idSalon}">
                                  <f:selectItems value="#{IntersemestralesController.salones}" />
                              </h:selectOneMenu>
                              <h:commandButton id="act" value="Ajax" action="#{IntersemestralesController.ajaxGuardar}" >
                                  <f:ajax event="action" execute="@form" />
                                  <f:setPropertyActionListener target="#{IntersemestralesController.curso}" value="#{item}" />
                              </h:commandButton>
                        </h:panelGrid>
                       
                    </p:panel>  
              </h:form>
                <br />
            </ui:repeat>
                </p:outputPanel>
                </h:form>
                    <script type="text/javascript">
                            function oneventhandler(data){
                                if(data.status == "success" ){
                                    alert("asd");
                                    alert(data);
                                }else{
                                   alert("nos");
                                }
                            }
                        </script>
                <h:form>
                   
                      <h:commandLink value="regresar" action="#{IntersemestralesController.regresar}" />
                </h:form>
          

            </ui:define>
            
        </ui:composition>
        
    </body>
</html>
